<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>服务评价</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/animate.min.css"/>
    <link rel="stylesheet" href="../../../css/wx/style.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/fwpj/fwpj-info"],
            html_directory: 'client',
            cb: function (o) {
                require(['wx-iconfont'], $.noop);
                app.requireCss(['css/wx/wx-iconfont', 'css/wx/mui.picker.min', 'css/wx/datepicker'], doc);
            }
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        .title {
            color: #6d6d72;
            font-size: 15px;
            margin: .08rem 0;
        }

        .mui-content > .mui-table-view:first-child {
            margin: 0;
        }

        .fwhf {
            padding-top: 40px;
        }

        .group2 {
            margin: 10px 0;
        }

        .mui-content {
            padding: 0;
        }

        .mui-table-view-cell > a {
            font-size: 15px;!important;
        }
    </style>
</head>

<body>
<!--header-->
<!--<header class="mui-bar mui-bar-nav">-->
    <!--<a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>-->
    <!--<h1 class="mui-title">服务评价</h1>-->
<!--</header>-->

<div id="content" class="fwhf serveredInfo mui-content" style="margin-bottom: 1.5rem">
    <div class="mui-scroll-wrapper wf-slider-bottom-nonSearch" style="bottom: 30px;">
        <div class="mui-scroll">
            <ul class="mui-table-view fwhfMsg wf-fwhfMsg">
                <li class="mui-table-view-cell">
                    序列号<span class="ri">{{item.MMRA003}}</span>
                </li>
                <li class="mui-table-view-cell">
                    产品名称<span class="ri">{{item.MMRA004}}</span>
                </li>
                <li class="mui-table-view-cell noneborder">
                    故障现象
                </li>
                <li class="tipsTextarea">
                    <textarea readonly>{{item.MMRD014}}</textarea>
                </li>
                <li class="mui-table-view-cell">
                    报修日期<span class="ri">{{item.MMRD004}}</span>
                </li>
                <li class="mui-table-view-cell">
                    完成日期<span class="ri">{{item.MMRGDOCDATE}}</span>
                </li>
                <li class="mui-table-view-cell">
                    维修人员<span class="ri">{{item.NAME}}</span>
                </li>
            </ul>
            <div class="title" style="padding-left: 10px;">
                服务反馈
            </div>
            <ul class="mui-table-view fwhfMsg group2 wf-fwhfMsg">
                <template v-for="pj in d.pj">
                    <li class="mui-table-view-cell">
                        {{pj.MMRJL004}}
                        <span class="icons ri">
					<i @tap.stop="pjChange(pj, 1)" data-index="1"
                       :class="'mui-icon '+ (pj.MMRK004>=1?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 2)" data-index="2"
                       :class="'mui-icon '+ (pj.MMRK004>=2?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 3)" data-index="3"
                       :class="'mui-icon '+ (pj.MMRK004>=3?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 4)" data-index="4"
                       :class="'mui-icon '+ (pj.MMRK004>=4?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 5)" data-index="5"
                       :class="'mui-icon '+ (pj.MMRK004>=5?'mui-icon-star-filled':'mui-icon-star')"></i>
				</span>
                        <!--<span class="ri icons mui-inline">-->
                        <!--<i data-index="1" class="mui-icon mui-icon-star"></i>-->
                        <!--<i data-index="2" class="mui-icon mui-icon-star"></i>-->
                        <!--<i data-index="3" class="mui-icon mui-icon-star"></i>-->
                        <!--<i data-index="4" class="mui-icon mui-icon-star"></i>-->
                        <!--<i data-index="5" class="mui-icon mui-icon-star"></i>-->
                        <!--</span>-->
                    </li>
                </template>
            </ul>
            <div class="title" style="padding-left: 10px;">
                服务后问题是否解决
            </div>
            <select v-model="d.MMRK010" style="padding: 10px 10px;" class="selectCont">
                <option value="1">解决</option>
                <option value="2">未解决</option>
            </select>
            <div class="title" style="padding-left: 10px;">
                匿名否
            </div>

            <select v-model="d.MMRK007" class="selectCont">
                <option value="1">是</option>
                <option value="0">否</option>
            </select>
            <div class="title" style="padding-left: 10px;">
                客户想法反馈
            </div>
            <div style="padding: 0 10px;">
                <textarea v-model="d.MMRK005" class="textarea" placeholder="描述内容"></textarea>
            </div>
        </div>
    </div>

</div>

<div id="footer" class="bottonBtn" v-show="MMRD020 == '4'">
    <button style="background-color: red;" @tap.stop="submit">提交</button>
</div>
</body>

</html>